﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hui 2.x</title>
    <meta charset="utf-8" />
    <meta name="author" content="百签软件（中山）有限公司，百小僧" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link type="text/css" href="../../../css/hui.css" rel="stylesheet" />
    <style type="text/css"></style>
</head>
<body class="hui-body">
    <footer class="hui-footer hui-height-55 hui-overflow-hidden hui-background-color-white hui-border-top-e6e6e6-after hui-flexbox-row hui-line-height-normal">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-turquoise"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">模板商店</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <footer class="hui-footer hui-height-55 hui-overflow-hidden hui-background-color-white hui-border-top-e6e6e6-after hui-flexbox-row hui-line-height-normal">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-turquoise"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">模板商店</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-setting hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">通用设置</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <footer class="hui-footer hui-height-55 hui-overflow-hidden hui-background-color-white hui-border-top-e6e6e6-after hui-flexbox-row hui-line-height-normal">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-turquoise"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">模板商店</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-setting hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">通用设置</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-user hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">个人中心</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <footer class="hui-footer hui-height-55 hui-overflow-hidden hui-background-color-white hui-border-top-e6e6e6-after hui-flexbox-row hui-line-height-normal">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-turquoise"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">模板商店</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-setting hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">通用设置</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-tools hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">工具包</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-user hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">个人中心</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <footer class="hui-footer hui-height-55 hui-overflow-hidden hui-background-color-white hui-border-top-e6e6e6-after hui-flexbox-row hui-line-height-normal">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active hui-position-relative">
            <span class="hui-badge hui-display-inline-block hui-line-height-0 hui-position-absolute hui-offset-top-3 hui-zIndex-100" style="left:52%;">
                <label class="hui-badge-content hui-background-color-emerald hui-display-inline-block hui-height-18 hui-line-height-18 hui-padding-col-6 hui-border-radius-9 hui-font-color-white hui-font-size-12">
                    99
                </label>
            </span>
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-turquoise"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active hui-position-relative">
            <span class="hui-badge hui-display-inline-block hui-line-height-0 hui-position-absolute hui-offset-top-3 hui-zIndex-100 hui-margin-left-10" style="left:52%; ">
                <label class="hui-badge-content hui-background-color-emerald hui-display-inline-block hui-width-height-8 hui-circle"></label>
            </span>
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">模板商店</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active hui-position-relative">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-setting hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">通用设置</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active hui-position-relative">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-tools hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">工具包</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active hui-position-relative">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-user hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">个人中心</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <footer class="hui-footer hui-height-55 hui-overflow-hidden hui-background-color-white hui-border-top-e6e6e6-after hui-flexbox-row hui-line-height-normal">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-turquoise"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">模板商店</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-45 hui-width-45 hui-background-color-turquoise hui-circle hui-center-all">
                    <i class="hui-iconfont hui-icon-add hui-font-size-28 hui-font-color-white"></i>
                </span>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-tools hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">工具包</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-user hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">个人中心</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <footer class="hui-footer hui-height-55 hui-background-color-white hui-border-top-e6e6e6 hui-flexbox-row hui-line-height-normal hui-margin-top-10">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-turquoise"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">模板商店</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active hui-position-relative hui-overflow-visible-important">
            <div class="hui-footer-half-circle hui-position-absolute hui-zIndex-10 hui-background-color-white hui-width-50 hui-height-25 hui-border-all-e6e6e6"></div>
            <div class="hui-position-absolute hui-width-full hui-height-full hui-zIndex-100 hui-background-color-white hui-center-all">
                <span class="hui-icon hui-display-block hui-height-45 hui-width-45 hui-background-color-turquoise hui-circle hui-center-all">
                    <i class="hui-iconfont hui-icon-add hui-font-size-28 hui-font-color-white"></i>
                </span>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-tools hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">工具包</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-user hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">个人中心</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <footer class="hui-footer hui-height-55 hui-overflow-hidden hui-background-color-white hui-border-top-e6e6e6-after hui-flexbox-row hui-line-height-normal">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-turquoise"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">模板商店</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-45 hui-width-45 hui-background-color-turquoise hui-border-radius-5 hui-center-all">
                    <i class="hui-iconfont hui-icon-add hui-font-size-28 hui-font-color-white"></i>
                </span>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-tools hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">工具包</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-touch-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-user hui-font-size-28 hui-font-color-ccc"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-666 hui-font-color-ccc">个人中心</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <footer class="hui-footer hui-height-55 hui-overflow-hidden hui-background-color-turquoise hui-border-top-e6e6e6-after hui-flexbox-row hui-line-height-normal">
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-background-color-turquoise-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-28 hui-font-color-yellow"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-yellow">前端设计</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-background-color-turquoise-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-28 hui-font-color-white"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-white hui-font-color-ccc">模板商店</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-background-color-turquoise-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-setting hui-font-size-28 hui-font-color-white"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-white hui-font-color-ccc">通用设置</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-background-color-turquoise-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-tools hui-font-size-28 hui-font-color-white"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-white hui-font-color-ccc">工具包</label>
            </div>
        </div>
        <div class="hui-footer-item hui-flexbox-item hui-center-all hui-text-align-center hui-background-color-turquoise-active">
            <div>
                <span class="hui-icon hui-display-block hui-height-30">
                    <i class="hui-iconfont hui-icon-user hui-font-size-28 hui-font-color-white"></i>
                </span>
                <label class="hui-font-size-12 hui-font-color-white hui-font-color-ccc">个人中心</label>
            </div>
        </div>
    </footer>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <script type="text/javascript" src="../../../script/hui.js"></script>
    <script type="text/javascript">
    </script>
</body>
</html>
